<template>
    <h4>推荐抽离出单独 js 文件，使用 symbol 起变量名 , 爷组件&&孙组件都要导入抽离的 js文件</h4>
    <h5>我是孙组件---这些是爷组件传递过来的值：{{ mssg }}--{{ msg2Value }}--{{ msg3Value }}</h5>
    <el-button @click="changMssg">change</el-button>
</template>
<script setup>
import { inject } from 'vue'
import { msg1, msg2, msg3 } from '../js/symblo_name.js'
const { mssg, changMssg } = inject(msg1)   // 接收根组件传来的值
const msg2Value = inject(msg2)   // 接收根组件传来的值
const msg3Value = inject(msg3)   // 接收根组件传来的值
</script>
<style lang='scss' scoped></style>